<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>指挥中心</title>
<link rel="stylesheet" href="/res/layui/css/layui.css"  media="all">
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
<link rel="stylesheet" href="/res/css/zhihui/style.css" rel="stylesheet" type="text/css">
<style>
  /* 统计报表 */
 #tabledata{
		border-collapse: collapse;
		border: 0px solid #999;
		width:90%;
		height:95%;
		margin:0px auto;
		overflow: auto;
		table-layout: fixed
		
	}
	
#tabledata td {
	border-top: 0;
	/* border-right: 1px solid #999; */
	border-bottom: 1px solid #07398a;
	border-left: 0;
	padding:10px;
	height:28px;
	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
#tabledata tr{
	height:30px;
	cursor: pointer;
}
</style>

</head>
<body>
	<div style="position:absolute; width:100%; height:100%; z-index:-1">
	    <img style="position:fixed;width: 100%;height: 100%" src="/res/images/bg01.png"/>    
	</div>
	<div class="sysnameconter">
	   <img alt="" src="/res/images/topbg001.png">
	</div>
	<h1 class="sysname fc_1">天有其成电力设备运维云平台指挥中心</h1>
	<div class="i_main">
	    <div class="h_100" >  		    
		    <div class="h_100 dblock" style="width:20%">
		        <div class="conterbg">
		            <div class="division">
		                <h3 class="fc_1 fs_1 TitleName">设备信息</h3>
		                <div id="equmentmsg" class="h_100 w_100"></div>
		            </div>
		            <div class="division mt_1">
		               <h3 class="fc_1 fs_1 TitleName">趋势信息</h3>
		               <div id="arightboxbott" class="h_100" style="width:95%;margin:0px auto"></div>
		            </div>
		            <div class="division mt_1" style="position: relative;">
		               <h3 class="fc_1 fs_1 TitleName">统计报表</h3>
		               <div class="subdiv">
		                  <table class="fc_1 "  id="tabledata" >
							  <tbody>
							    <tr>
							      <td title="变电器">变电器</td>
							      <td title="000024">000024</td>
							      <td title="呼市金沙变电站">呼市金沙变电站</td>
							    </tr>
							    <tr>
							      <td title="电流传感器">电流传感器</td>
							      <td title="123123">123123</td>
							      <td title="乌海第二变电站">乌海第二变电站</td>
							    </tr>
							    <tr>
							      <td title="电流传感器1">电流传感器1</td>
							      <td title="110126">110126</td>
							      <td title="乌海第二变电站">乌海第二变电站</td>
							    </tr>
							    <tr>
							      <td title="电流传感器1">电流传感器1</td>
							      <td title="110126">110126</td>
							      <td title="乌海第二变电站">乌海第二变电站</td>
							    </tr>
							    <tr>
							      <td title="电流传感器1">电流传感器1</td>
							      <td title="110126">110126</td>
							      <td title="乌海第二变电站">乌海第二变电站</td>
							    </tr>
							    <tr>
							      <td title="电流传感器1">电流传感器1</td>
							      <td title="110126">110126</td>
							      <td title="乌海第二变电站">乌海第二变电站</td>
							    </tr>
							  </tbody>
			               </table>
		               </div>		               
		            </div>
		        </div>
		    </div>
		    <!--  中间部分开始-->
		    <div class="h_100 dblock" style="width:60%;position: relative;">
		        <div class="main_top_echarts_con h_100 w_100" >
	                <div class="topscreen"> <a type="button" id="fullscreen" class="layui-btn layui-btn-sm layui-btn-primary"><i class="layui-icon">&#xe622;</i>   切换全屏 </a> </div>              
	                <div id="container" class="h_100 w_100"></div>
	            </div>
	            <div class="eqstate">
	                <ul class="eqstateul ">
	                   <li>
	                      <p class="fs_3 fc_1">在库</p>
	                      <p class="fs_2 fc_2 fw_1">29</p>
	                   </li>
	                   <li>
	                      <p class="fs_3 fc_1">在用</p>
	                      <p class="fs_2 fc_2 fw_1">245</p>
	                   </li>
	                   <li>
	                      <p class="fs_3 fc_1">在修</p>
	                      <p class="fs_2 fc_2 fw_1">125</p>
	                   </li>
	                   <li>
	                      <p class="fs_3 fc_1">待修</p>
	                      <p class="fs_2 fc_2 fw_1">90</p>
	                   </li>
	                   <li>
	                      <p class="fs_3 fc_1">报废</p>
	                      <p class="fs_2 fc_2 fw_1">100</p>
	                   </li>
	                </ul>
	            </div>
	            <div class="eqstatebottom h_100">
                       <div id="weettime" class="h_100 weektingmebg" ></div>
	            </div>
		    </div>
		    <!--  右侧部分开始-->
		    <div class="h_100 dblock" style="width:20%">
		     <div class="conterbg">
		            <div class="division">
		                <h3 class="fc_1 fs_1 TitleName">报警信息</h3>
		                <div class="h_100" style="width:30%;display: inline-block;">
		                  <div id="call_police" class="h_100" ></div>
		                </div>
		                <div class="h_100" style="width:30%;display: inline-block;">
		                  <div id="call_police2" class="h_100" ></div>
		                </div>
		                <div class="h_100" style="width:30%;display: inline-block;">
		                  <div id="call_police3" class="h_100" ></div>
		                </div>		                
		            </div>
		            <div class="division mt_1">
		               <h3 class="fc_1 fs_1 TitleName">设备监控</h3>
		               <div id="prbottom_box2" class="h_100" ></div>
		            </div>
		            <div class="division mt_1">
		               <h3 class="fc_1 fs_1 TitleName">运维统计</h3>
		               <div id="pleftbox2bott_cont" class="h_100" ></div>
		            </div>
		        </div>
		    </div>
		</div>
	    <div class="clear"></div>
	</div>
</body>
</html>
<script src="/res/js/common/jquery-3.2.1.min.js"></script>
<script src="/res/js/common/echarts.min.js"></script>
<script src="/res/js/common/app.js"></script>
<script src="/res/js/validate.js"></script>
<script src="/res/layui/layui.js"></script>
<script src="https://webapi.amap.com/maps?v=1.4.15&key=00dc968653b9f8fdb72e2a703108a498&plugin=AMap.MarkerClusterer"></script>
<script src="/res/js/zhihui/zhzx/zhptindex.js"></script>